{% set product = hookable_metadata.context.product %}

<div class="col pe-lg-5 pe-xxl-5">
    <a href="{{ hookable_metadata.context.original_path }}" class="d-block overflow-auto bg-light rounded-3{% if product.images|length < 2 %} spotlight{% endif %}">
        <img id="main-image" src="{{ hookable_metadata.context.path }}" alt="{{ product.name }}" class="img-fluid w-100 h-100 object-fit-cover"
            {% if product.images.first %}
                {{ sylius_test_html_attribute('main-image', product.images.first.type) }}
            {% else %}
                {{ sylius_test_html_attribute('main-image') }}
            {% endif %}
        />
    </a>
</div>
